import '../css/index.css'
import React from 'react'

export default function Index() {
  return (
    <div className="jbody">
      {/* 头 */}
      <div className="names">
        <p className="names_top">科技改变世界</p>
        <div>
          <span>关注科技</span>
          <span className="names_right">聚焦环保</span>
        </div>
      </div>
      {/* 中间 */}
      <div className="jcont">
        <div className="j_yitle">产品中心</div>
        <div className="j_list">
          <div className="j_lists">
            <div className="lists_item">CEWS-C型</div>
            <div className="lists_item">CEWS-C型</div>
            <div className="lists_item">CEWS-C型</div>
          </div>
          <div className="j_lists_bottom">
            <div className="j_bottm_left">
              <p>CEWS-C型 环境控制称重工作站</p>
              <p>1.高洁净度的工作环境</p>
              <p>多次称重大于5ug，科研级精度</p>
              <div className="bottm_more">more</div>
            </div>
            <div className="j_bottm_left j_bottm_lefts">
              <img src="http://127.0.0.1:7001/public/user/11.png" alt="" />
            </div>
          </div>
        </div>
      </div>
      {/* nav */}
      <div className="j_nav">
        <div className="j_nav_item">
          <div className="j_nav_items">
            <div className="nav_items_img">
              <img src="http://127.0.0.1:7001/public/user/22.jpg" alt="" />
              <p>用户案例</p>
            </div>
          </div>
          <div className="j_nav_items">
            <div className="nav_items_img">
              <img src="http://127.0.0.1:7001/public/user/33.jpg" alt="" />
              <p>资质证明</p>
            </div>
          </div>
          <div className="j_nav_items">
            <div className="nav_items_img">
              <img src="http://127.0.0.1:7001/public/user/44.jpg" alt="" />
              <p>在线留言</p>
            </div>
          </div>
        </div>
      </div>
      {/* 底部 */}
      <div className="j_footer">
        <div className="j_foter_title">公司动态</div>
        {/* 动态详情 */}
        <div className="j_footer_cont">
          <div className="j_foot_cont_left">
            <p className="j_footer_ps">CEWS-C型，环境控制共工作站</p>
            <p className="j_footer_p">2018年8月23日，首届中国国际企业博览会在重庆国际博览中心....</p>
            <p className="j_footer_ps">CEWS-C型，环境控制共工作站</p>
            <p className="j_footer_p">2018年8月23日，首届中国国际企业博览会在重庆国际博览中心....</p>
            <p className="j_footer_ps">CEWS-C型，环境控制共工作站</p>
            <p className="j_footer_p">2018年8月23日，首届中国国际企业博览会在重庆国际博览中心....</p>
          </div>
          <div className="j_footer_right">
            <img src="http://127.0.0.1:7001/public/user/11.png" alt="" />
          </div>
        </div>
      </div>
    </div>
  )
}
